require('./bootstrap');
var chat = require('./chat');
var websocket = require('./websocket');


$(function () {

    console.log(websocket);
    myWs = new websocket.create('wss://im.tcod.top/wss', chat.ChatList);
    var chatUser = myWs.connect();
    console.log('chatUser', chatUser);
    // $('#editor').on('change', function () {
    //     $(this).innerText += '&zwj';
    // })
    $('#editor')[0].addEventListener('paste', function (e) {
        onPaste(e);
    });
    // 发送按钮
    $('.send-btn').on('click', function () {
        var content = document.getElementById('editor').innerHTML;
        var chat_group_id = $('.active').attr('data-group-id');
        if (content === '') {
            return false;
        } else {
            myWs.send('group_send_msg', {"content": content, "chat_group_id": chat_group_id, "type": "1", "chat_user_id":1});
            document.getElementById('editor').innerHTML = '&zwj;';
        }
    });

    // 好友切换按钮
    $('.list').on('click', '.list-item', function () {
        // 判断是否切换了聊天对象
        var active = $(this).attr('class');
        console.log(active.split(' ').indexOf('active'));
        if (active.split(' ').indexOf('active') * 1 > -1) {
            // 没有切换 啥也不干
            console.log('没有激活');
        } else {
            chatUser = myWs.chat_user;
            that = $(this);
            $('.list-item').removeClass('active');
            that.addClass('active');
            var chat_group_id = that.attr('data-group-id');
            // 清空窗口
            $('#messages-list').empty('.msg-item').empty('.msg-time');
            // 更新窗口
            // 更新视图
            var title = $('div .list-item.active').children('.name-container').find('.name');
            $('div.dialog div.title')[0].innerText = title[0].innerText;

            localStorage.setItem('active_index', chat_group_id);
            // 获取更新当前选中好友的聊天记录
            var page = 1;
            var limit = 10;
            myWs.send('group_message_record', {"chat_group_id": chat_group_id, "page": page, "limit": limit, "direction": "desc"});
        }
        return false;

    });

    // 重新发送失败消息
    $('body').on('click', '.resend', function () {
        var content = $(this).find('div #is-me').innerText;
    })
})

function onPaste(event) {

    var e = event || window.event

    // 阻止默认粘贴
    e.preventDefault();

    // 粘贴事件有一个clipboardData的属性，提供了对剪贴板的访问
    // clipboardData的getData(fomat) 从剪贴板获取指定格式的数据
    var text =  (e.originalEvent || e).clipboardData.getData('text/plain') || prompt('在这里输入文本');

    //清除回车
    text = text.replace(/\[\d+\]|\n|\r/ig,"")
    console.log(text);
    // 插入
    document.execCommand("insertText", false, text);
}

//  下拉加载数据
function scrollBottom(selector) {
    //  屏幕高度包括 padding margin  border 的高度 
    var clientHeight = document.querySelector(selector).clientHeight || document.body.clientHeight
    //  滚动条的高度          
    var scrollTop = document.querySelector(selector).scrollTop
    //   容器的整体高度        
    var scrollHeight = document.querySelector(selector).scrollHeight
    //  滚动条高度+屏幕高度 = 整个容器的高度  
    if (scrollTop+clientHeight == scrollHeight) {
        //  数据 加载成功 并且 当前页不等于总页数 则请求数据
        if (pageState && nowPage!=totalPages) {
            pageState = false
            nowPage+=1
            //getData()  加载数据
        }
    }
}